.flex {
  display: flex;
}
.w {
  width: 100%;
}
.header {
  width: 100%;
  height: 1.22666667rem;
  position: fixed;
  z-index: 10000;
  background-color: white;
  border-bottom: 3px solid #CCCCCC;
}
.header .list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 1.22666667rem;
  align-items: center;
}
.header .one {
  margin-left: 0.4rem;
  font-weight: 300;
  font-size: 1.3em;
}
.header .two {
  margin-right: 0.4rem;
}
.header .img {
  height: 0.6rem;
  width: 0.6rem;
}
.nav {
  width: 100%;
  padding-top: 1.22666667rem;
  height: 2.2rem;
  border-bottom: 24px solid #f7f7f7;
}
.nav .list {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav .list .li {
  display: flex;
  align-items: center;
}
.nav .list .li .span {
  display: block;
  margin-left: 0.4rem;
}
.nav .list .li .img_one {
  margin-left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
}
.nav .list .shiwu {
  width: 0.2rem;
  height: 0.36rem;
  font-size: 40px;
  margin-right: 0.4rem;
}
.online {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 1.16rem;
  border-bottom: 1px solid #CCCCCC;
}
.online .li {
  display: flex;
  align-items: center;
}
.online .li .span {
  display: block;
  margin-left: 0.4rem;
}
.online .li .img_one {
  margin-left: 0.4rem;
  width: 0.4rem;
  height: 0.53333333rem;
}
.online .shiwu {
  width: 0.2rem;
  height: 0.36rem;
  margin-right: 0.4rem;
}
.online .shiwu img {
  width: 0.2rem;
  height: 0.36rem;
}
.warp {
  display: flex;
  width: 100%;
  border-bottom: 16px solid #f7f7f7;
}
.warp dl {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 1.94666667rem;
}
.warp dt {
  margin-top: 0.21333333rem;
}
.yan {
  border-bottom: 16px solid #f7f7f7;
}
.dai {
  width: 0.6rem;
  height: 0.53333333rem;
}
.xuzixuan {
  padding-bottom: 2rem;
}
